<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<%@include file="/common/head.jsp" %>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-content">
					<form role="form" class="form-inline" id="query-form" method="post" action="${ctx }/admin/department/list" >
						<!-- 查询开始 -->
						<div class="form-group">
							<label for="query-name" class="sr-only2">部门名</label>
							<input type="text" id="query-name" name="name" value="${query.name }" class="form-control input-sm">

						</div>
						<div class="form-group">
							<button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-search"></i>&nbsp;查询</button>
						</div>
						<!-- 查询结束 -->
					</form>

					<div>
						<p>
							<button type="button" class="btn btn-sm btn-outline btn-primary" onclick="add()"><i class="fa fa-plus"></i> 新增</button>
							<button type="button" class="btn btn-sm btn-outline btn-info " onclick="edit()"><i class="fa fa-paste"></i> 详情</button>
							<button type="button" class="btn btn-sm btn-outline btn-danger" onclick="del();">删除</button>
							<button type="button" class="btn btn-sm btn-outline btn-info " onclick="reOpen()"><i class="fa fa-refresh"></i> 刷新</button>
						</p>
					</div>
					<table id="table" data-toggle="table" data-striped="true" data-click-to-select="true" data-mobile-responsive="true">
						<thead>
						<tr>
							<th data-field="_state" data-checkbox="true"></th>
							<th data-field="id" data-visible="false">ID</th>
							<th data-field="name">部门名</th>
							<%--<th data-field="creator">creator</th>--%>
							<%--<th data-field="createTime">createTime</th>--%>
							<%--<th data-field="updator">updator</th>--%>
							<%--<th data-field="updateTime">updateTime</th>--%>
						</tr>
						</thead>
						<tbody>
						<c:forEach items="${list }" var="n" varStatus="idx">
							<tr data-index="${idx.index }" data-id="${n.id }">
								<td class="bs-checkbox">
									<input data-index="0" name="btSelectItem" type="checkbox">
								</td>
								<td style="">${n.id }</td>
								<td style="">${n.name }</td>
								<%--<td style="">${n.creator.id}</td>--%>
								<%--<td style="">--%>
									<%--<fmt:formatDate value="${n.createTime }" pattern="yyyy-MM-dd"/>--%>
								<%--</td>--%>
								<%--<td style="">${n.updator.id}</td>--%>
								<%--<td style="">--%>
									<%--<fmt:formatDate value="${n.updateTime }" pattern="yyyy-MM-dd"/>--%>
								</td>
							</tr>
						</c:forEach>
						</tbody>
					</table>

					<%@include file="/common/page.jsp" %>

				</div>
			</div>
		</div>
	</div>
</div>

<%@include file="/common/foot.jsp" %>
<script>
    function add() {
        k.layer.add("${ctx}/admin/department/detail");
    }

    function edit() {
        var selections = $('#table').bootstrapTable('getAllSelections');
        if (selections.length != 1) {
            error2(k.msg.requireOne);
            return;
        }
        var id = selections[0].id;
        k.layer.edit("${ctx}/admin/department/detail?id=" + id);
    }
    var page = "${page.page}";
    function reload() {
        page_submit(page);
    }
    function del() {
        var selections = $('#table').bootstrapTable('getAllSelections');
        // if (selections.length < 1) {
        //     error('请选择要删除的记录');
        //     return;
        // }
        var ids = new Array();
        for (var i = 0; i < selections.length; i++) {
            ids.push(selections[i].id);
        }
        $.ajax({
            url: "${ctx}/admin/department/delete",
            data: {
                ids: ids.join(',')
            },
            success: function(data) {
                if (isSuccess(data)) {
                    reload();
                }
            }
        });
        k.layer.del("${ctx}/admin/department/delete");

    }
    paging('pagination', ${page.totalPages}, ${page.page});

</script>
</body>
</html>